import React, { memo } from 'react'
import HeaderLeft from './header-left/index.jsx'
import HeaderCenter from './header-center/index.jsx'
import HeaderRight from './header-right/index.jsx'
import {HeaderWrapper} from './style.js'

const AppHeader = memo(() => {
  return (
    <HeaderWrapper>
      <HeaderLeft />
      <HeaderCenter />
      <HeaderRight />
    </HeaderWrapper>
  )
})

export default AppHeader